<ui:composition template="../template/principal_00.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui" >

    <ui:define name="panelPrincipal">

        <h:form id="formulario" prependId="false">

            <p:panel header="#{msgs.stockProductos}" style="min-height: 500px;"> 
    
                    <p:dataTable value="#{buscadorProductos.listaProductos}" var="prd"
                                 emptyMessage="#{msgs.noEncontraronProductos}" paginator="true" rows="10" >

                        <p:column headerText="#{msgs.codigo}"
                                  sortBy="#{prd.codigo}"
                                  filterBy="#{prd.codigo}"
                                  style="width: 50px;" >
                            <h:outputText value="#{prd.codigo}" />
                        </p:column>

                        <p:column headerText="#{msgs.descripcion}" 
                                  sortBy="#{prd.descripcion}"
                                  filterBy="#{prd.descripcion}" >
                            <p:commandLink value="#{prd.descripcion}" 
                                           actionListener="#{stockProductosBean.cargarDepositos(prd)}"
                                           update="@form"
                                           />
                        </p:column>

                        <p:column headerText="#{msgs.pcc_UM}" 
                                  sortBy="#{prd.unidadMedida}"
                                  style="width: 30px;">
                            <h:outputText value="#{prd.unidadMedida.descripcion}" />             
                        </p:column>

                    </p:dataTable>
                
                    <h4>#{msgs.depositos}</h4>
                    <p:dataTable id="listaDepositos" 
                                 value="#{stockProductosBean.stockProductos}" var="st"
                                 emptyMessage="#{msgs.noEncontraronDepositos}"  
                                 >

                        <p:column headerText="#{msgs.pcc_codigo}"
                                  sortBy="#{st.codigo}"
                                  >
                            <h:outputText value="#{st.codigo}" />
                        </p:column>
                        <p:column headerText="#{msgs.deposito}"
                                  sortBy="#{st.deposito.descripcion}">
                            <h:outputText value="#{st.deposito.descripcion}" />
                        </p:column>
                        <p:column headerText="#{msgs.pcc_cantidad}"
                                  style="width: 50px;" >
                            <h:outputText value="#{st.cantidad}" />
                        </p:column>
                    </p:dataTable>
 
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>